$(function(){
    $("#search").click(function(){
        //获取手机号
        var phone = $("input[name='searchPhone']").val();
        if(phone == ""){
            alert("请输入手机号");
            return false;
        }
        var token = localStorage.getItem("token");
        //发送请求
        $.ajax({
            url:"/users-info/selectByPhone/"+phone,
            type:"get",
            dataType:"json",
            headers:{//携带token发送请求
                "token":token
            },
            success:function(res){
                //遍历结果到userInfoList里面
                var html = "";
                for(var i=0;i<res.data.length;i++){
                    html += "<li>"+res.data[i].nickname+" <button userId='"+res.data[i].userId+"' class='add-friend-btn'>添加好友</button></li>";
                }
                $("#userInfoList").html(html);
                //延时绑定，等dom修改完成后绑定
                setTimeout(()=>{
                    //绑定所有的class叫add-friend-btn标签
                    $(".add-friend-btn").on("click",function(){
                        //this 谁触发的这个事件就是谁
                        var userId = $(this).attr("userId");
                        addFriendById(userId);
                        console.log(userId);
                    });
                },100);
            },
            error:function(err){
                alert(err.responseJSON.message);
                $(".login-box").show();
            }
        })
    })
})

function addFriendById(id){
    //请求后端添加好友接口
    var token = localStorage.getItem("token");
    $.ajax({
        url:"/users-friend/add/"+id,
        type:"post",
        dataType:"json",
        headers:{//携带token发送请求
            "token":token
        },
        success:function(res){
            alert(res.msg);
            console.log(res);
        }
    })
}